CSS selector + User Script

作者資料

原始 MD by 琦龍

---

測試環境 F12 Dev Tool

查詢CSS是否可用 Can I Use

---

基礎選擇器

*all element .class #id [attr] ([]、^、$、*) A, B

---

組合選擇

A B A > B A ~ B A + B

---

偽類

:hover :first-child :last-child :nth-child :nth-last-child :is() :not() :has()

---

偽元素

::after(:after) ::before(:before) ::selection

---

User Script

User Script = HTML + CSS + JS

腳本管理器 Tampermonkey (Chrome、Edge、Firefox) 腳本分享網站 GreasyFork

Tampermonkey Documentation

// @grant
// @require

---

querySelector

document.querySelectorAll("selector") // NodeList
document.querySelector("selector") // Node
// querySelector = querySelectorAll[0]

---

window.location
document.createElement()
Node.append()
Node.addEventListener("event", callback)
Node.onevent = callback
MutationObserver

---

End